.products {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: var(--space-xs);
}

.products__oil-range {
    justify-content: space-around;
}

.products__element {
    width: 175px;
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-2xs);
}

.products__tile {
    width: 155px;
    height: 155px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #878787;
    border-radius: 18px;
    transition: background-color 0.1s ease-in-out;
    overflow: hidden;
    gap: 12px;
}

.products__tile-ford-genuine,
.products__tile-oil-range {
    background-color: #00263d;
}

.products__tile-consumables {
    box-shadow: 1px 3px 15px #a3a3a3;
}

.products__tile-image {
    object-fit: contain;
    object-position: center;
}

.products__tile-oil-range .products__tile-image,
.products__tile-consumables .products__tile-image {
    object-position: center;
}

.products__element:is(:hover, :focus-within) {
    .products__tile-omnicraft {
        background-color: #f28b2d;
    }

    .products__tile-motorcraft, .products__tile-ford-motorcraft{
        background-color: #dc1816;
    }

    .products__tile-ford-genuine,
    .products__tile-oil-range {
        background-color: #2096cd;
    }

}

.products__tile-label {
    word-break: break-word;
}

.products__tile-label--ford-genuine {
    color: #2096cd;
}

.products__tile-label--omnicraft {
    color: #f28b2d;
}

.products__tile-label--ford-motorcraft, .products__tile-label--motorcraft {
    color: #dc1816;
}

@media only screen and (max-width: 992px) {
    .products__oil-range {
        justify-content: center;
    }
}